---
title: Absolute Center
description: A utility component for centering content within its parent container.
metaDescription: Absolute Center utility component for perfectly centering content within containers. Available for React and Solid.js with simple, flexible positioning.
category: layout
links:
  recipe: https://github.com/cschroeter/park-ui/blob/next/packages/preset/src/recipes/absolute-center.ts
---

<ComponentExample name="basic" />

## Installation

<InstallationGuide />

## Usage

```tsx
import { AbsoluteCenter } from '@/components/ui'
```

```tsx
<AbsoluteCenter>Content</AbsoluteCenter>
```

## Props

<PropsTable />